<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Clever Solution - Administrator</title>
	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
	<link href="style-backend.css" type="text/css" rel="stylesheet">
	<link href="sdmenu/sdmenu.css" type="text/css" rel="stylesheet" />
	<script src="sdmenu/sdmenu.js" type="text/javascript" ></script>
	<script type="text/javascript">
	// <![CDATA[
	var myMenu;
	window.onload = function() {
		myMenu = new SDMenu("my_menu");
		myMenu.init();
	};
	// ]]>
	</script>
</head>
<body>
<div id="content-admin">
	<div id="header-admin">
		<div id="logo-admin">
			<img src="image/logo-admin.png" alt="Clever Solution"/>
		</div>
		<div id="shortcut-admin">
			Logout
		</div>
	</div>
	<div id="content-admin">
		<div id="left-admin">
			<div id="menu-admin">
				<div style="float: left" id="my_menu" class="sdmenu">
			      <div>
			        <span>Tổng quan</span>
			        <a href="http://tools.dynamicdrive.com/imageoptimizer/">Giao dịch trong ngày</a>
			        <a href="http://tools.dynamicdrive.com/favicon/">Nhận xét / Đánh giá</a>
			        <a href="http://www.dynamicdrive.com/emailriddler/">Thống kê truy cập</a>
			      </div>
			      <div>
			        <span>Quản lý sản phẩm</span>
			        <a href="http://www.dynamicdrive.com/recommendit/">Danh sách sản phẩm</a>
			        <a href="http://www.dynamicdrive.com/link.htm">Thêm sản phẩm</a>
			        <a href="http://www.dynamicdrive.com/resources/">Loại sản phẩm</a>
			      </div>
			      <div class="collapsed">
			        <span>Xem báo cáo</span>
			        <a href="http://www.javascriptkit.com">Giao dịch</a>
			        <a href="http://www.cssdrive.com">Tồn kho</a>
			      </div>
			      <div class="collapsed">
			        <span>Quản lý user</span>
			        <a href="http://www.dynamicdrive.com/recommendit/">Danh sách user</a>
			        <a href="http://www.dynamicdrive.com/link.htm">Thêm user</a>
			        <a href="http://www.dynamicdrive.com/resources/">Nhóm</a>
			        <a href="http://www.dynamicdrive.com/resources/">Gửi email</a>
			      </div>
			      <div class="collapsed">
			        <span>Quản lý nội dung</span>
			        <a href="http://www.dynamicdrive.com/recommendit/">Danh sách trang</a>
			        <a href="http://www.dynamicdrive.com/link.htm">Thêm trang</a>
			        
			      </div>
			      <div class="collapsed">
			        <span>Quản lý cấu hình</span>
			        <a href="?foo=bar">Cổng thanh toán điện tử</a>
			        <a href="./">Giao diện site</a>
			        <a href="index.html">Quảng cáo</a>
			        <a href="index.html?query">Search Engine</a>
			        <a href="index.html?query">Mạng xã hội</a>
			      </div>
			      <div class="collapsed">
			        <span>Quản lý widget</span>
			        <a href="?foo=bar">Danh sách widget</a>
			        <a href="./">Thêm widget</a>
			        <a href="index.html?query">Backup dữ liệu</a>
			      </div>
			    </div>
			</div>
		</div>
		<div id="right-admin">
        	<div class="panel-admin">
				<h1>Thêm Nhóm</h1>
				<div class="form-admin">
					<form>
						<div class="group-info">
							<table cellpadding="10px">
								<tr>
									<td width="200px" >Tên nhóm</td>
									<td><input type=text class="textbox-admin"> </td>
								</tr>
								<tr>
									<td>Ghi chú</td>
									<td><textarea class="textarea-admin"></textarea> </td>
								</tr>
								
								<tr>
									<td>&nbsp;</td>
									<td><input type=button value="Lưu" class="button-admin"> </td>
								</tr>
							</table>
						</div>
						<div class="group-role">
							<h4>Phân quyền</h4>
							<table>
								<tr>
									<td width="200px" class="min-label">Quản lý sản phẩm</td>
									<td width="100px" align="left"><input type=checkbox> </td>
								</tr>
								<tr>
									<td class="min-label">Quản lý báo cáo</td>
									<td><input type=checkbox> </td>
								</tr>
								<tr>
									<td class="min-label">Quản lý nội dung</td>
									<td><input type=checkbox > </td>
								</tr>
								<tr>
									<td class="min-label">Quản lý người dùng</td>
									<td><input type=checkbox > </td>
								</tr>
							</table>
						</div>
					</form>
				</div>
            </div>
		</div>
	</div>
	<div id="footer-admin">
		    © All Rights Reserved CleverSolution - Contact Us For Supporting
	</div>
</div>
</body>
</html>